<template>
  <div class="mb-4">
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="#">首页</a></li>
        <li class="breadcrumb-item">
          <router-link :to="`/column/${columnId}`">专栏首页</router-link>
        </li>
        <li class="breadcrumb-item active" aria-current="page">{{ title }}</li>
      </ol>
    </nav>
  </div>
</template>
<script lang='ts'>
import { defineComponent } from "vue";
export default defineComponent({
  name: "Breadcrumb",
  components: {},
  props: {
    title: {
      type: String,
      required: true,
    },
    columnId: {
      type: String,
      required: true,
    },
  },
});
</script>
<style scoped>
</style>